<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>
    河南万合钢铁有限公司
    </title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/demo.css">
	<link rel="stylesheet" type="text/css" href="css/bootsnav.css">

<link rel="stylesheet" href="css/swiper.min.css" type="text/css">
<link rel="stylesheet" href="css/owl.carousel.min.css"/>

<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.slides.js"></script>
<script>
    $(function(){
      $("#slides").slidesjs({
        width: 700,
        height: 220,
		start: 1,//控制从第几张图开始播放
	//控制前后按钮 
	  navigation:{
      active: false,//是否开启左右按钮
      effect: "fade"//触发按钮时，焦点图切换的特效，可选参数"slide"和"fade"
    }
	
      });
	  
    });
  </script>
  <script src="js/swiper.min.js"></script> 

  </head>
  <body>
  
  <!--top-->
  <div class="container projects  ">
  <div class="row">
   <div class="col-lg-8 col-md-8 col-xs-6 log1"><img src="images/log.jpg"></div>
   <div class="col-lg-4 col-md-4 col-xs-6 log2"><img src="images/index_r2_c4.jpg"></div>
   </div>
  </div>
   

 <div class="demo" style="padding-top: 1em ; text-align:center; margin:auto">

<link rel="stylesheet" type="text/css" href="css/component.css" />

 <!--nav-->
 
 <div class="main" style="z-index:1000">
		<nav id="cbp-hrmenu" class="cbp-hrmenu">
			<ul>
				<li><a href="#">网站首页</a></li>
				<li><a href="#">H型钢</a></li>
				<li><a href="#">工字钢</a></li>
				<li><a href="#">角钢</a></li>
				<li><a href="#">关于万合</a></li>
				<li ><a href="#" >产品中心 </a></li>
                <li><a href="#">新闻动态</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
		</nav>
	</div>
  <script type="text/javascript" src="js/cbpHorizontalMenu.min.js"></script>
<script type="text/javascript">
$(function() {
	cbpHorizontalMenu.init();
});
</script>


  <div class="nav_bg">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<nav class="navbar navbar-default navbar-mobile bootsnav">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
								<i class=""><img src="images/ahome_r2_c13.png"></i>&nbsp;&nbsp;&nbsp;&nbsp; <em style="font-size:16px; color:#fff; font-style:normal">网站栏目</em>
							</button>
						</div>
						<div class="collapse navbar-collapse" id="navbar-menu" >
							<ul class="nav navbar-nav " data-in="fadeInDown" data-out="fadeOutUp">
								<li><a href="#">网站首页</a></li>
				<li><a href="#">H型钢</a></li>
				<li><a href="#">工字钢</a></li>
				<li><a href="#">角钢</a></li>
				<li><a href="#">关于万合</a></li>
				<li ><a href="#" >产品中心 </a></li>
                <li><a href="#">新闻动态</a></li>
				<li><a href="#">联系我们</a></li>
							</ul>
						</div>
					</nav>
				</div>
			</div>
		</div>
	</div>
 	</div> 
 
 
<!--大图
<div class="col-md-12">
<div class="row">
<div id="slides">
    <img src="images/index_r4_c1.jpg">
	<img src="images/index_r4_c1.jpg">
    <img src="images/index_r4_c1.jpg">
    <div class="slidesjs-navigation">
    <a href="javascript:;" class="slidesjs-previous " title="">&lt;</a>
    <a href="javascript:;" class="slidesjs-next" title="">&gt;</a>
    </div>
 </div>   
 </div>-->
 <link rel="stylesheet" href="css/lrtk.css">

 <!-- 代码 开始 -->
    <div class="slide_container" style="position:relative; z-index:1">
      <ul class="rslides" id="slider">
        <li>
          <img src="images/index_r4_c1.jpg" alt="">
         
        </li>
        <li>
          <img src="images/index_r4_c1.jpg" alt="">
          
        </li>
        <li>
          <img src="images/index_r4_c1.jpg" alt="">
         
        </li>
      </ul>
    </div>
<!-- 代码 结束 -->

<script src="js/responsiveslides.min.js"></script>
<script src="js/slide.js"></script>

<!--产品展示---->
<div class="container pro_top">
<img src="images/bt01_r2_c2.jpg">
</div> 
<div class="container">
 <div class="row">
 <ul id="myTab" class="nav nav-tabs">
   
   <li class="active"><a href="#one" data-toggle="tab">板材</a>  </li>
   <li><a href="#two" data-toggle="tab">卷材</a></li>
   <li><a href="#three" data-toggle="tab">型材</a></li>
   <li><a href="#four" data-toggle="tab">管材 </a></li>
   <li><a href="#five" data-toggle="tab">不锈钢 </a></li>
   <li><a href="#six" data-toggle="tab">建材 </a></li>
   </p>
</ul>
<div id="myTabContent" class="tab-content">
   <div class="tab-pane fade in active" id="one">
      
     <div class="pro_show_index">
      <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
      <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
     </div> 
      
   </div>
   <div class="tab-pane fade" id="two">
      <div class="pro_show_index">
      <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
      <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
     </div> 
   </div>
   <div class="tab-pane fade" id="three">
      <div class="pro_show_index">
      <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
      <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
     </div> 
   </div>
   <div class="tab-pane fade" id="four">
      <div class="pro_show_index">
      <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
      <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
     </div> 
   </div>
    <div class="tab-pane fade" id="five">
     <div class="pro_show_index">
      <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
      <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
     </div> 
   </div>
   <div class="tab-pane fade" id="six">
      <div class="pro_show_index">
      <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
      <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
       <dl>
       <dt>
        <a href="#"><img src="images/index_r8_c5.jpg"></a>
       </dt>
       <dd>
        <a href="#">槽钢</a>
       </dd>
      </dl>
     </div> 
   </div>
</div>
<script>
   $(function () {
      $('#myTab li:eq(1) a').tab('show');
   });
</script>

 </div>
</div>
<!--关于我们-->
<div class="about_bg_index">
 <div class="container">
  <div class="row">
   <div class="about">
    <div class="col-lg-12 ab1 "><img src="images/jt_r10_c12.jpg"></div>
    <div class="col-lg-12 ab2">
     河南万合钢铁有限公司常年库存3万吨以上。我公司主营：螺旋管，盘圆，盘螺，螺纹钢、镀锌管、焊管、方管.工字钢、角钢
、H型钢、开平板、中板以及各种钢材的深加工业务。（钢板预埋件，切割，打孔，折弯，激光雕刻等。） 自公司成立之日，
便与天津友发钢管、邯郸正大钢管厂生产的镀锌管、焊管、钢塑管品种签署战略合作协议，产品广泛用于大型地产项目与仓库
物流的消防与给水建设。与安钢集团，河北钢铁集团完成了角钢、槽钢、工字钢、等型材品种的销售协议，寻
     
    </div>
    <h1><a href="#">查看详情</a></h1>
   </div>
  </div>
 </div>
</div>

<!--优势--->
<div class="ys_bg">
 <div class="container">
  <div class="row">
    <div class="col-lg-12 ys_bg_top "><img src="images/lanmur4_c2.jpg"></div>
  </div>
 </div>
</div> 
<link rel="stylesheet" type="text/css" href="css/ys.css">
<div class="ys_bg1">
 <div class="container">
  <div class="row">
    <div class=" ys_bg_bot ">
     <div class="scrollpic">
	
	<div id="myscroll">
		<div id="myscrollbox">
			<ul>
				<li>
                 <div class="coll">
                 
                   <div class="y_l"><img src="images/index_r12_c3.jpg"></div>
                   <div class="y_r">
                    <h1><img src="images/index_r6_c46.jpg"></h1>
                    <h5>先进生产设备，独有技术</h5>
                    生产流程经严格监督，产品出厂检验，保证每一款产品质量<br>
机械化制造，生产标准统一，加工工艺精确，品质稳定
                   </div>
                  
                 </div>
                </li>
                <li>
                 <div class="coll">
                 
                   <div class="y_l"><img src="images/index_r12_c3.jpg"></div>
                   <div class="y_r">
                    <h1><img src="images/index_r6_c46.jpg"></h1>
                    <h5>先进生产设备，独3术</h5>
                    生产流程经严格监督，产品出厂检验，保证每一款产品质量<br>
机械化制造，生产标准统一，加工工艺精确，品质稳定
                   </div>
                  
                 </div>
                </li>
                <li>
                 <div class="coll">
                 
                   <div class="y_l"><img src="images/index_r12_c3.jpg"></div>
                   <div class="y_r">
                    <h1><img src="images/index_r6_c46.jpg"></h1>
                    <h5>先进生产设d备，独有技术</h5>
                    生产流程经严格监督，产品出厂检验，保证每一款产品质量<br>
机械化制造，生产标准统一，加工工艺精确，品质稳定
                   </div>
                  
                 </div>
                </li>
			</ul>
		</div>
	</div>
    <div id="mybtns">
	  <a href="javascript:;" id="left"></a>
	  <a href="javascript:;" id="right"></a>
	</div>
</div>
    </div>
  </div>
 </div>
</div> 
<script type="text/javascript">
$(document).ready(function() {
	  var blw=$("#myscrollbox li").width();
	  //获取单个子元素所需宽度
	  var liArr = $("#myscrollbox ul").children("li");
	  //获取子元素数量
	  var mysw = $("#myscroll").width();
	  //获取子元素所在区域宽度
	  var mus = parseInt(mysw/blw);
	  //计算出需要显示的子元素的数量
	  var length = liArr.length-mus;
	  //计算子元素可移动次数（被隐藏的子元素数量）
	  var i=0
	  $("#right").click(function(){
		  i++
		  //点击i加1
		  if(i<length){
		      $("#myscrollbox").css("left",-(blw*i));
			  //子元素集合向左移动，距离为子元素的宽度乘以i。
		  }else{
			  i=length;
			  $("#myscrollbox").css("left",-(blw*length));
			  //超出可移动范围后点击不再移动。最后几个隐藏的元素显示时i数值固定位已经移走的子元素数量。
	      }
      });
	  $("#left").click(function(){
		  i--
		  //点击i减1
		  if(i>=0){
		     $("#myscrollbox").css("left",-(blw*i));
			 //子元素集合向右移动，距离为子元素的宽度乘以i。
		  }else{
			 i=0;
			 $("#myscrollbox").css("left",0);
			 //超出可移动范围后点击不再移动。最前几个子元素被显示时i为0。
	      }
      });
});
</script>

<!--案例--->

 <div class="container">
  <div class="row">
    <div class="col-lg-12 ys_bg1_top "><img src="images/lm2_r4_c6.jpg"></div>
  </div>
 </div>
<div class="demo">
	<div class="container">
		<div class="row">
			<div class="col-md-12" style="padding: 1em 0;">
				<div id="news-slider" class="owl-carousel">
					<div class="post-slide">
						<div class="post-img">
							<a href="#">
                            <img src="images/case.jpg" alt="">
                            <div class="ner">
                             <h5><em>河南聚牧通建业有限公司</em></h5>
                            </div>
                            </a>
						</div>
						
					</div>

					<div class="post-slide">
						<div class="post-img">
							<a href="#">
                            <img src="images/case.jpg" alt="">
                             <div class="ner">
                             <h5><em>河南聚牧通建业有限公司</em></h5>
                            </div>
                            </a>
						</div>
						
					</div>

					<div class="post-slide">
						<div class="post-img">
							<a href="#">
                            <img src="images/case.jpg" alt="">
                             <div class="ner">
                             <h5><em>河南聚牧通建业有限公司</em></h5>
                            </div>
                            </a>
						</div>
						
					</div>

					<div class="post-slide">
						<div class="post-img">
							<a href="#">
                            <img src="images/case.jpg" alt="">
                             <div class="ner">
                             <h5><em>河南聚牧通建业有限公司</em></h5>
                            </div>
                            </a>
						</div>
						
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("#news-slider").owlCarousel({
			items:3,
			itemsDesktop:[1199,2],
			itemsDesktopSmall:[980,2],
			itemsMobile:[600,1],
			pagination:false,
			navigationText:false,
			autoPlay:true
		});
	});
</script>

<div class="con_index">
  <div class="container">
  <div class="row">
    <div class="col-xs-12 col-lg-4 col-md-4 col-sm-4 ">
     <img src="images/img_18.png"> <span>全国服务热线</span><br>15639042111
    </div>
    <div class="col-xs-12 col-lg-4  col-md-4 col-sm-4">
     <img src="images/img_19.png"> <span>ADD</span><br>河南省郑州市龙湖镇<br>天汇城钢材城A区1号
    </div>
    <div class="col-xs-12 col-lg-4  col-md-4 col-sm-4">
     <img src="images/img_20.png"> <span>E-mail</span><br>15639042111
    </div>
  </div>
 </div>
</div>

<!--案例--->

 <div class="container">
  <div class="row">
    <div class="col-lg-12 ys_bg1_top "><img src="images/ry_r3_c4.jpg"></div>
  </div>
 </div>
  <div class="container nes_index">
  <div class="row">
    <div class="col-xs-6 col-lg-3 col-md-3  col-sm-6">
     <dl>
      
      <dt><a href="3"><img src="images/video.jpg"></a></dt>
      <dd>
       <h5><a href="3">我国正推动钢铁动钢工动钢业新的产业革命</a></h5>
       <span>-2018-09</span>
       <p>2016年8月全球66个纳入世界钢铁协会统计国...</p>
      </dd>
     </dl>
    </div>
    <div class="col-xs-6 col-lg-3  col-md-3   col-sm-6">
    <dl>
      
      <dt><a href="3"><img src="images/video.jpg"></a></dt>
      <dd>
       <h5><a href="3">我国正推动钢铁工业新的产业革命</a></h5>
       <span>-2018-09</span>
       <p>2016年8月全球66个纳入世界钢铁协会统计国...</p>
      </dd>
     </dl>
    </div>
    <div class="col-xs-12 col-lg-6  col-md-6   col-sm-12 news_r1">
     
      <dl>
       <dt>
       20<br>
       <em>2018-09</em>
      </dt>
      <dd>
      <h5><a href="3">我国正推动钢铁工业新的产业革命</a></h5>
      <p>2016年8月全球66个纳入世界钢铁协会统计国...</p>
      </dd>
     </dl>
      <dl>
       <dt>
       20<br>
       <em>2018-09</em>
      </dt>
      <dd>
      <h5><a href="3">我国正推动钢铁工业新的产业革命</a></h5>
      <p>2016年8月全球66个纳入世界钢铁协会统计国...</p>
      </dd>
     </dl>
      <dl>
       <dt>
       20<br>
       <em>2018-09</em>
      </dt>
      <dd>
      <h5><a href="3">我国正推动钢铁工业新的产业革命</a></h5>
      <p>2016年8月全球66个纳入世界钢铁协会统计国...</p>
      </dd>
     </dl>
     
    </div>
  </div>
 </div>
 
 
 <!--copy-->
 <div class="copyright">
   <div class="container ">
   <div class="row">
   <div class="col-xs-6 col-lg-2 col-md-2  col-sm-6">
    <dl>
      <dt>联系我们</dt>
      <dd>
      <a href="3">联系方式</a><br>
      <a href="3">在线留言</a>
      </dd>
     </dl>
    </div>
    
    <div class="col-xs-6 col-lg-2 col-md-2  col-sm-6">
    <dl>
      <dt>新闻中心</dt>
      <dd>
      <a href="3">价格行情</a><br>
      <a href="3">行业资讯</a>
      </dd>
     </dl>
    </div>
    <div class="col-xs-6 col-lg-2 col-md-2  col-sm-6">
     <dl>
      <dt>关于我们</dt>
      <dd>
      <a href="3">公司简介</a><br>
      <a href="3">企业文化</a><br>
      <a href="3">资质荣誉</a><br>
      <a href="3">工程案例</a>
      </dd>
     </dl>
    </div>
    <div class="col-xs-6 col-lg-2 col-md-2  col-sm-6">
    <dl>
      <dt>产品中心</dt>
      <dd>
      <a href="3">板材</a><br>
      <a href="3">卷材</a><br>
      <a href="3">型材</a><br>
      <a href="3">管材</a><br>
      <a href="3">不锈钢</a><br>
      <a href="3">建材</a>
      </dd>
     </dl>
    </div>
    
    <div class="col-xs-12 col-lg-4 col-md-4  col-sm-12 wx">
    <img src="images/jjie_r7_c7.jpg">
   </div>
  </div>
 </div>
  </div>
 <div class="copy_bg">
 <div class="container ">
   <div class="row">
   <div class="col-xs-12">
COPYRIGHT BY 河南万合钢铁有限公司河南万合钢铁官方网站 15639042111 ALLRIGHT RESERVED11
  </div>  
 </div>
 </div>
</div>
     <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/bootsnav.js"></script>
  </body>
</html>